*{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
}
.pd_right5{
    padding-right: 5px;
}

.white_font{
    color: #FFFFFF;
    font-size: 16px;
}
.bold_font{
    color: #333333;
    font-size: 18px;
}
.shallow_font{
    color: #999999;
    font-size: 12px;
}
.main{

}
.bar{
    padding: 8px 18px;
    height: 252px;
    background: url("../images/openDoor/bg.png") no-repeat;
    background-size: 100% 252px;
}

.bar>.top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top>span {
    flex: 1;
}
.top>span:first-child {
    text-align: left;
}
.top>span:last-child {
    text-align: right;
}

.bar>.bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 34px;
}
.bottom>span:first-child{
    display: flex;
    align-items: center;
    justify-content: center;

}
.bottom>span:first-child>img{
    padding-right: 8px;
}
.bottom>span:last-child{
    color: #01CC9E;
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 4px 6px;
}

/*滚动区域*/
.content{
    padding: 8px 18px;
    margin-top: -150px;
    overflow: auto;
}


.content>li{
    height: 220px;
    border-radius: 20px;
}

.door_img>img{
    height: 120px;
    width: 100%;
}

.content .door_detail{
    padding: 16px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content>li{
    background-color: #FFFFFF;
    box-shadow:0px 4px 4px 0px rgba(12,55,56,0.16);
    margin-bottom: 15px;
}

.door_info>p:nth-child(2){
    padding-top: 5px;
    padding-bottom: 5px;
}
.door_info>p{
    display: flex;
    align-items: center;
}
.door_detail>.door_open{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #21C5FF;
    width: 50px;
    height: 50px;
    border-radius: 50px;
}


